<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../../Font-Awesome-3.2.1/css/font-awesome.css">
    <link rel="stylesheet" href="../CSS/home.css">
    <script src="../../jquery.min.js"></script>
    <script src="../JS/home.js"></script>
    <title>Personal Home</title>
</head>
<body>
    <div id="top">
        <div id="top_content">
            <!--头部导航左侧-->
            <img src="../IMAGES/WB_logo.png" alt="">
            <div class="top_search">
                <input type="text" placeholder="大家都在搜：高圆圆">
                <a class="icon-search"></a>
            </div>
            <!--头部导航右侧-->
            <div class="top_right">
                <a class="icon-home i_size"></a>
                <a class="text_size">首页</a>
                <a class="icon-facetime-video i_size" style="margin-left: 20px"></a>
                <a class="text_size">视频</a>
                <a class="icon-eye-open i_size" style="margin-left: 20px"></a>
                <a class="text_size">发现</a>
                <a class="icon-headphones i_size" style="margin-left: 20px"></a>
                <a class="text_size">游戏</a>
                <a class="icon-user i_size" style="margin-left: 20px"></a>
                <a class="text_size">个人中心</a>
                <a class="" style="margin-left: 10px;font-size: 24px;border: 1px;color: #ccc;">|</a>
                <a class="icon-envelope-alt i_size" style="margin-left: 20px"></a>
                <a class="icon-cog i_size" style="margin-left: 20px"></a>
                <a class="icon-edit i_size" style="margin-left: 40px;color: #d43f3a"></a>
            </div>
        </div>
    </div>
    <!--个人头像背景墙部分-->
    <div class="shadow">
        <div class="avatar">
            <img src="../IMAGES/avatar.jpg" alt="">
        </div>
        <p class="user_name">头字母T</p>
        <p class="signature ">Except time,there is nothing worth fighting for in the world.</p>
    </div>
    <div class="shadow_nav">
        <p class="nav_tag">
            我的主页
        </p>
        <p class="nav_tag">
            我的相册
        </p>
        <p class="nav_tag">
            管理中心
        </p>
    </div>
    <!--左侧-->
    <div class="information">
        <!--粉丝微博概况-->
        <div class="wb_innerwrap">
            <a href="" class="t_link">
                <span class="t_link_match">121</span>
                <span class="t_link_match t_link_text">关注</span>
            </a>
            <a href="" class="t_link">
                <span class="t_link_match">121</span>
                <span class="t_link_match t_link_text">微博</span>
            </a>
            <a href="" class="t_link" style="border-right: none">
                <span class="t_link_match">121</span>
                <span class="t_link_match t_link_text">粉丝</span>
            </a>
        </div>
        <!--个人资料-->
        <div class="certification">
            <a class="certification_content">
                申请认证
            </a>
        </div>
        <div class="certification">
            <span class="bar_title">个人资料完整度 67%</span>
            <div class="bar1">
                <div class="bar2"></div>
            </div>
        </div>
        <a href="" class="edit">编辑个人资料></a>
        <div class="personal_photos">
            <div class="p_p_name">相册</div>
            <div class="photos_first">

            </div>
            <div class="photos_second">

            </div>
            <div class="photos_second">

            </div>
            <div class="photos_second">

            </div>
            <div class="photos_second">

            </div>
            <div class="photos_second">

            </div>
        </div>
    </div>

    <!--右侧-->
    <div class="right">
        <!--导航-->
        <div class="right_nav">
            <a href="" class="r_nav_all used">全部</a>
            <a href="" class="r_nav_all">热门</a>
            <a href="" class="r_nav_all">更多</a>
            <div class="little_search">
                <input type="text" placeholder="大家都在搜：高圆圆">
                <a class="icon-search"></a>
            </div>
        </div>
        <!--内容部分-->
        <div class="right_content">
            <div class="r_c_l">
                <img src="../IMAGES/cyt.jpg" alt="">
            </div>
            <div class="r_c_r">
                <div class="userName">头字母T</div>
                <div class="sendTime">2017年3月5日20:19:44</div>
                <div class="textarea"></div>
            </div>
        </div>
        <!--按钮-->
        <div class="right_button">
            <a href="" class="r_b_b">推广</a>
            <a href="" class="r_b_b icon-share">转发</a>
            <a href="" class="r_b_b icon-comment-alt">评论</a>
            <a href="" class="r_b_b icon-thumbs-up">赞</a>
        </div>
    </div>
</body>
</html>